:root {
  --el-bg-color: #084957; //自定义深色背景颜色
  --el-color-danger: #e7434f;
  --el-text-color-regular: #ccc; // 文字颜色
  --el-fill-color-blank: 0; // 背景透明
  --el-border-color: #135f9e; // 边框颜色
  --el-text-color-disabled: #135f9e; // 边框颜色
  --el-mask-color: rgba(0, 0, 0, 0.4);
}

.el-input__prefix {
  color: #7392c1;
}

// el-scrollbar
.el-scrollbar__bar.is-horizontal {
  //height: 6px;
}

.el-scrollbar__thumb {
  opacity: 1;
  background-color: rgba(32, 112, 235, .6); // 滑块颜色
}

.el-scrollbar__thumb:hover {
  background-color: rgba(32, 112, 235, 1); // 滑块颜色
}

// message样式
// 警告框样式
.el-message {
  min-width: 200px;
  background-color: rgba(16, 16, 16, 0.8);
  //border-radius: 0;
  border: none;
  top: 100px !important;
  padding: 10px 30px;

  .el-icon {
    svg {
      width: 30px;
      height: 30px;
    }
  }

  .el-message__icon {
    font-size: 30px;
  }

  .el-message__content {
    font-size: 16px;
  }
}

.el-message--info {
  --el-message-text-color: #cccccc;
}

.el-message--success {
  --el-message-text-color: #25B178;
}

.el-message--warning {
  --el-message-text-color: #D4862D;
}

.el-message--error {
  --el-message-text-color: #EF4444;
}

.el-badge {
  .el-badge__content {
    width: 20px;
    height: 14px;
    line-height: 12px;
    padding: 0;
    background-color: #FF4141;
    border: none;
  }

  .el-badge__content.is-fixed {
    top: 8px;
    right: 10px;
  }
}
